<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<script>
    /*
    * 有规律的定时器：setInterval
    *   每隔多少时间执行一次
    *   做炸弹：每隔一秒，时间减一，到达零就爆炸
    *
    *   setInterval接收两个参数：
    *       1.回调函数
    *       2.间隔的时间
    *   返回值，也是返回一个数字编号，可以用变量接收
    *   setInterval第一次执行是同步代码结束之后隔了自己设置的间隔时间那么久之后执行，不是立马就执行
    *
    *   clearInterval:取消有规律的定时器
    *   接收一个参数：有规律定时器返回的数字编号
    *
    * */
    let i = 0
    let timer = setInterval(function (){
        console.log(i++)
    },1000)

    //隔n秒之后停止这个定时器的方法：、

    //用延时定时器停止
    setTimeout(function (){
        clearInterval(timer)
    },10*1000)

    //自身内部判断停止
    let j = 10
    let timer1 = setInterval(function (){
        console.log(j)
        j++
        if(j > 20){
            clearInterval(timer1)
        }
    },1500)


</script>
</body>
</html>